<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>{$artdetail.title}</title>
    <meta name="keywords" content="{$artdetail.keyword}">
    <meta name="description" content="{$artdetail.remark}">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
    <link rel="stylesheet" href="/static/index/css/plugins-2.2.css">
    <link rel="stylesheet" href="/static/index/css/theme-2.2.css">
    <link href="{$footcompany.web_site_ico}" type="image/x-icon" rel="shortcut icon" />
    <style>
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }
        .box-inner7 img {
            width: 100%;
        }
        .qdr-col-6 > * {
            padding: 9px;
        }
        .page-title{
            line-height: 56px;
        }
        .page-title-white{
            line-height: 56px;
        }
        .box-inner7{ height:593px;padding:0;border-radius:10px; }
        .box-inner7 img { width:100%; }
        .qdr-col-6>* { padding:9px; }
        .twentytwenty-overlay:hover{ display: none; }
        .twentytwenty-container img{ width: 100%; }
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{ background-color:#fff; box-shadow: none; width: 4px; }
        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{background-color:#fff; box-shadow: none;height: 2px;}
        .twentytwenty-handle{background-color: #d82950; cursor:move; border-color: #d82950;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);opacity: 0.5;-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
        .twentytwenty-handle:active{ background-color:#4542d5; border-color:#4542d5; }
        .twentytwenty-container:hover .twentytwenty-handle{opacity: 1;}
        .twentytwenty-left-arrow{border-right-color:#fff;}
        .twentytwenty-right-arrow{border-left-color:#fff;}
        .twentytwenty-up-arrow{border-bottom-color:#fff;}
        .twentytwenty-down-arrow{border-top-color:#fff;}
        .twentytwenty-before-label:before, .twentytwenty-after-label:before{ font-weight: 600; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
    </style>
</head>
<script>
    var _hmt = _hmt || [];

    (function() {

        var hm = document.createElement("script");

        hm.src = "https://hm.baidu.com/hm.js?44fef1192859f3af7b9e0f9c8d176512";

        var s = document.getElementsByTagName("script")[0];

        s.parentNode.insertBefore(hm, s);

    })();
</script>
<script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/index/js/scripts-2.2.js"></script>
<style>
    .article {
        background: #F8F8F8;

    }
    .services .box {
        padding: 0px !important;
        margin: 15px 15px 25px;
    }
    .slick-slide img {
        display: block;
        width: 100%;
    }
    .page-mtitle {
        padding: 0px;
    }
    .page-desc {
        padding: 20px 0 0 30px;
    }

    .article-list-title {
        padding: 0px 0 25px 30px;
    }

    .py{
        font-size: 18px;
    }

    .xxs-px-mobile p {
        line-height: 2;!important;
    }

    .article-desc{
        color:rgb(51, 51, 51);
    }

    .disable-select{
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
</style>
<!-- BODY START -->
<body>
<style>
    .top-row-container {
        background-color: #f6f8fb;
        color: #515d71;
    }
    .common-box{
        width: 1400px;
        margin: 0 auto;
    }
    /*蓝色按钮样式覆盖 start*/
    #navigation.modern.white-nav .nav .nav-blue-btn {
        background: #236ffb;
        height: 33px;
        margin-top: 18px;
        line-height: 33px;
        color: white;
        box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
        border-radius: 2px;
        text-align: center;
        width: 108px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
    }

    #navigation.modern.white-nav .nav a.nav-blue-btn:hover{
        opacity: 1;
    }

    /*蓝色按钮样式覆盖 end*/
/*    top row */
    .fl{
        float: left
    }
    .fr{
        float: right;
    }

    .f-w-b {
        font-weight: 700;
    }

    .top-row-container .top-row .city-highlight {
        color: #236ffb;
    }

    .top-row-container .top-row .space-r{
        margin-right: 24px;
    }

    .top-row-container .top-row .phone-box {
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .top-row .common-icon {
        margin-right: 5px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .navigation-icon-1 {
        display: inline-block !important;
    }

    .top-row-container .top-row span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

    .top-row-container .top-row .btn-list .item {
        height: 22px;
        line-height: 22px;
        margin-left: 27px;
        text-align: left;
        display: inline-block;
    }

    .top-row-container .top-row .btn-list .item .icon {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }
    .top-row-container .top-row .btn-list .item .icon-1 {
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .icon-2 {
        height: 22px;
    }
    .top-row-container .top-row .btn-list .item .name{
        color: #515d71;
        font-size: 16px;
        font-weight: 700;
    }
    .gray5{padding:5px;}
</style>
{include file="../application/index/view/common/header.html" /}
<section id="home" class="sm-py bg-gray1 bb-1 border-gray1 fullwidth" style="padding-top: 85px !important;padding-bottom: 15px !important;">
    <div class="container" style="height: 130px;margin-top: 30px;">
        <div class="row no-mx">
            <div class="t-left t-center-xs col-sm-8 col-12">
                <div class="t-left t-center-xs col-sm-12 col-12">
                    <h1 class="normal-subtitle disable-select" style="font-size: 28px;color:#fff;padding:5px;">{$artdetail.title}</h1>
                    <h5 class="gray5">{$artdetail.create_time}</h5>
                    <h5 class="gray5">浏览量：{$artdetail.views}</h5>
                </div>
            </div>
            <div class="t-rigth t-center-xs col-sm-4 col-12">
                <ol class="breadcrumb transparent no-pm font-12" style="margin-top: 52px;">
                    <h4 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a href="{$local_host}" >首页</a></h4>
                    <h3 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a href="/article" >资讯</a></h3>
                </ol>
            </div>
        </div>
    </div>
</section>
<div class="container-xxl clearfix">
    <div class="row no-mx">
        <div class="col-lg-6 offset-lg-2 col-md-12 col-12 sm-pr xxs-px-mobile py" style="padding-top: 40px !important;">
            <div class="article-desc disable-select">
                {$artdetail.content}
            </div>
        </div>
        <!-- 右侧咨询封装模块-->
        <div class="col-lg-4 col-md-12 col-12 clearfix bg-gray11 border-gray11 py height-auto-mobile">
            <aside class="sidemenu font-14 col-md-6 col-12 bg-gray11">
                <div class="widget">
                    <h5 class="widget-title bold-subtitle">推荐文章</h5>
                    <div class="widget-posts">

                        {foreach name="isarticle" item="isarticle"}
                        <a href="/a/{$isarticle.id}" title="{$isarticle.title}" target="_blank" class="widget-post clearfix bg-gray2-hover radius">
                            <div class="details">
                                <h5 class="underline-hover bold-subtitle xxs-mt">{$isarticle.title}</h5>
                                <p class="date underline-hover">{$isarticle.create_time}</p>
                            </div>
                        </a><!-- Post -->  
                        {/foreach}                 

                    </div>
                </div>
            </aside>
        </div>
    </div>
</div>
<section id="article" class="services article t-center pb">
    <div class="container sm-pt xs-pb">
        <p class="page-mtitle">推荐文章</p>
    </div>
    <div class="container t-left clearfix custom-slider circle-dots dark-dots c-grab" data-slick='{"arrows": false, "dots":false, "draggable": true, "autoplay": false, "slidesToShow": 4, "slidesToScroll": 1}'>
            {foreach name="isarticles" item="vx"}
            <a title="{$vx.title}" href="/a/{$vx.id}" target="_blank" class="box xs-mt bg-white bs-sm qdr-hover-4 bs-hover slow">
                <div class="pic">
                    <img src="{$vx.photo}" data-original="{$vx.photo}" alt="{$vx.title}">
                </div>
                <p class="page-desc" style="padding: 20px 0 0 10px;">{$vx.create_time}</p>
                <p class="article-list-title" style="height: 70px;padding:10px;">{$vx.title}</p>
            </a>
            {/foreach}  
    </div>
</section>
{include file="../application/index/view/common/foot.html" /}
<style>
    .contact-popup-container {
        width: 100%;
        height: 100%;
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 2000;
    }

    .contact-popup-container .contact-popup-fix {
        width: 580px;
        height: 260px;
        z-index: 1100;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -130px;
        margin-left: -290px
    }

    .contact-popup-container .contact-popup-fix .contact-popup {
        width: 100%;
        height: 100%;
        position: relative
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup {
        width: 100%;
        height: 100%;
        padding: 52px 47px;
        z-index: 1120;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }
    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
        line-height: 1;
        margin-bottom: 19px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff;
        opacity: .6
    }
    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
        line-height: 1;
        margin-bottom: 4px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #fff
    }
    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
        line-height: 1;
        margin-bottom: 29px;
        font-family: AlibabaPuHuiTiB;
        font-size: 28px;
        color: #fff;
        font-weight: 700
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
        line-height: 1;
        font-family: AlibabaPuHuiTiR;
        font-size: 22px;
        color: #fff;
        opacity: .6
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
        line-height: 1;
        font-family: AlibabaPuHuiTiM;
        font-size: 24px;
        color: #fff
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
        width: 148px;
        height: 148px;
        padding: 5px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 78px;
        right: 46px
    }

    .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
        width: 100%;
        height: 100%
    }

    .contact-popup-container .contact-popup-fix .contact-popup .bg {
        width: 100%;
        height: 100%;
        z-index: 1110;
        position: absolute;
        top: 0;
        left: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close {
        width: 50px;
        height: 50px;
        z-index: 1130;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

    .contact-popup-container .contact-popup-fix .contact-popup .close .icon {
        width: 13px;
        height: 13px;
        position: relative;
        top: 14px;
        right: -25px
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup {
        background-color: #fff
    }



    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
        color: #191c3d;
        opacity: 1
    }

    .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
        line-height: 1;
        margin-bottom: 5px;
        font-family: AlibabaPuHuiTiR;
        font-size: 28px;
        color: #236ffb
    }
</style>
<script>
    $(function () {
        // 点击关闭联系我们
        $('.contact-popup-close-btn').click(function () {
            $('.contact-popup-container').hide();
        })
        // 打开
        $('.concat-me-btn').click(function () {
            $('.contact-popup-container').show()
        })
    })

    $(function () {
        $.get("/api.php?m=Hits&catid=19&id=4716", function (data) {
            $("#hits").html(data.views);
        }, "json");
    });
</script>
</body>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https'){
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else{

            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
</html>